body {
    background-color: #444;
    font-family: Lucida Sans Unicode, Arial;
    font-size: 12px;
    margin: 0px 0px 0px 0px;
    color: #555;
}

img {
    border: 0;
}

p {
    padding: 2px;
}

a {
    color: #44A;
    text-decoration: none;
}

a:hover {
    color: #66F;
}

.btnlnk {
}

a.btnlnk {
    color: #343;
    background: #ACA;
    border: 1px solid #363;
    font-size: 10pt;
    padding: 2px;
}

.thebox {
    width: 100%;
    position: relative;
    background-color: #fff;
}

#logo {
    color: #111;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 230px;
    font-size: 2.5em;
    text-align: right;
    background: url(../images/back.jpg) no-repeat #87ADD2;
}

#logo a {
    color: #000;
}

.header {
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: right;
    list-style-type: none;
    font-size: 1.4em;
    background-color: #444;
}

.header span {
    display: inline;
    padding: 0px 10px 0px 10px;
}

.header span a {
    color: #aaa;
    text-decoration: none;
}

.header .menuline2 a {
    color: #66F;
    text-decoration: none;
}

.header #logout a {
    color: #F90;
}

.header #currentmenuline a {
    color: #AFA;
    text-decoration: none;
}

.header span a:hover {
    color: #fff;
    text-decoration: none;
}

#footer {
    position: relative;
    text-align: right;
    font-size: 1em;
    color: #ccc;
    background-color: #444;
    width: 100%;
}

#footer a {
    color: #eee;
}

.side {
    float: left;
    margin: 0px 20px 50px 10px;
    font-size: 1.05em;
    width: 180px;
}

.content {
    margin-left: 200px;
    margin-right: 5px;
    background-color: #fff;
    border-left: 1px solid #eee;
    padding: 0 0 0 20px;
    font-size: 1.2em;
}

h2, h3, h4 {
    letter-spacing: -1px;
}

h2 {
    font-size: 1.6em;
    color: #665;
}

h3, h4 {
    color: #887;
}

h3 {
    font-size: 1.3em;
}

h4 {
    font-size: 1.2em;
}

#user {
    display: inline;
    text-align: center;
    padding: 5px;
    color: #F90;
}

ul {
    list-style-image: none;
    list-style-type: none;
}

ul.mylist {
    margin-left: 0;
    padding-left: 20px;
    list-style-image: url(/images/bullet02.gif)
}

ul.sortablelist {
    margin: 0px;
    padding: 0px;
}

ul.sortablelist li {
    padding: 0px;
    margin: 3px;
    cursor: move;
}

#info, #notice {
    width: 180px;
    margin: 10px 0 10px 0;
    color: #A00;
}

#info span {
    color: #AAF;
}

table.tasks {
    padding: 10px;
    font-size: 10pt;
    margin: 0;
}

label {
    width: 120px;
    float: left;
    text-align: right;
    margin-right: 4px;
    display: block
}

input, select {
    font-family: Arial;
    font-size: 10pt;
    border: 1px solid #DDDDD0;
    padding: 0;
    margin: 2px;
    background-color: #FFFFFF;
}

.submitbutton {
    margin-left: 126px;
}

input.button {
    background-color: #DDF;
    border: 1px solid #AAAAA0;
    padding: 0 10px 0 10px;
}

input.done, select.done {
    background-color: #FFF;
    border: 1px solid #FFFFF0;
    color: #666;
}

.groupbox {
    border: 1px solid #AAAAA0;
    background: #FFFFF0;
    padding: 15px;
    margin: 30px 0 0 0;
}

.groupbox #title {
    width: 25%;
    float: left;
    margin-top: -30px;
    font-size: 12pt;
    font-weight: bold;
    padding: 2px;
    border: 1px solid #AAAAA0;
    background: #FD4;
    color: #333;
}

.groupbox .subtitle {
    padding: 3px;
    font-weight: bold;
}

.tags {
    display: inline;
    font-size: small;
    font-style: italic;
    color: #333;
    background-color: #FFA;
}

.tag {
    display: inline;
    font-size: small;
    background-color: #AFA;
    padding: 0 5px 0 5px;
    border: solid 1px #8A8;
    line-height:24px;
    cursor: pointer;
}

.on {
    background-color: #FA5;
    border: solid 1px #A88;
}

.duetoday, .duepast, .duefutur, .duenear, .done_on {
    display: inline;
}

.done_on {
  font-size:smaller;
}
.duetoday {
    background: #FFFF00;
    font-weight: bold;
    color: black;
}

.duenear {
    background: #FFFF77;
    color: black;
}

.duepast {
    background: #FF5555;
    color: black;
}

.priority {
    display: inline;
    border: 1px solid #888;
    border-left: 1px solid #DDD;
    border-top: 1px solid #DDD;
    margin: 1px 5px 1px 2px;
    padding: 0 3px 0 3px;
    font-size: 0.7em;
}

.priority.p0, .p {
    background-color: #A44;
    color: white;
}

.priority.p1 {
    background-color: #FAA;
}

.priority.p2 {
    background-color: #FFA;
}

.priority.p3 {
    background-color: #AFA;
}

.priority.p4 {
    background-color: #EEE;
}

.resp {
    color: #442;
}

.block_menu {
  border: 1px solid #AAA;
  background-color: #EEE;
  padding: 10px;
  margin: 0 0 10px 0;
}

